<script setup>
import {ref} from 'vue'
//使用一个标识符来标识用户是否登录成功
const isLogin = ref(false)
//定义一个分数
const score = ref(57)

const flag = ref(false)
</script>

<template>
  <div v-if="isLogin">欢迎您:jack</div>
  <div v-else>欢迎您游客，请登录</div>
  <p v-if="score>=90">优秀</p>
  <p v-else-if="score>=80">良好</p>
  <p v-else-if="score>=60">及格</p>
  <p v-else>差</p>
  <div v-show="flag" class="style1"></div>
</template>

<style scoped>
  .style1{
    width: 120px;
    height: 120px;
    background-color: red;
  }
</style>